// let castingList = document.querySelector('.carousel-inner'); // 获取轮播图列表的容器
// let aboutlList = document.querySelector('.about'); // 获取详情列表的容器
// let detailList = document.querySelector('.det'); // 获取图片列表的容器
// function showList() {
//     let xhr = new XMLHttpRequest();
//     // 发送请求，获取书籍数据
//     xhr.open('GET', `http://39.105.198.203:3001/prod/det?tid=${location.search[5]}`);
//     console.log(location.search[5])
//     xhr.send();
//     xhr.onreadystatechange = function () {
//         if (this.readyState === 4) { // 检查请求是否成功 4成功 每次改变都会触发
//             let data = JSON.parse(this.responseText); // JSON 数据转化对象

//             console.log(data.data);
//             castingList.innerHTML = ''; // 清空轮播图列表
//             detailList.innerHTML = ''; // 清空图片列表
//             console.log(data.data.imgarr);
//             // 生成茶列表
//             // 使用 data.data.list[i].tid 作为链接的 ID
//             castingList.innerHTML = `<div class="carousel-item active">
//                     <img src='${data.data.imgarr[0]}' class="d-block w-100" alt="...">
//                   </div>
//                   <div class="carousel-item">
//                     <img src='${data.data.imgarr[1]}' class="d-block w-100" alt="...">
//                   </div>
//                   <div class="carousel-item">
//                     <img src='${data.data.imgarr[2]}' class="d-block w-100" alt="...">
//                   </div>`;
//             aboutlList.innerHTML = `<div class="ioc">
//                 <img src="${data.data.fullSrc}" alt="">
//             </div>
//             <div class="text">
//                 <div class="teaName">${data.data.tname}</div>
//                 <div class="teaDesc">${data.data.tintro}</div>
//                 <div class="teaPrice">¥ <span class="fontBig">${data.data.price}</span> .00</div>
//             </div>  `;

//             detailList.innerHTML = `<img src=${data.data.fullSrc} alt=""></img>`


//         }



//     }

// }

// showList();